<template>
	<view>

		<Daily v-if="keyIndex==='1'" :detailId='id'></Daily>
		<MakeAnAppointment v-else-if="keyIndex==='2'" :detailId='id' :appointPushRecordId='appointPushRecordId'>
		</MakeAnAppointment>
	</view>
</template>
<script>
	import Daily from './Daily/index.vue'
	import MakeAnAppointment from './MakeAnAppointment/index.vue'
	export default {
		data() {
			return {
				keyIndex: '0',
				id: '',
				appointPushRecordId: ''
			}
		},
		components: {
			Daily,
			MakeAnAppointment
		},
		methods: {

		},

		onLoad(data) {
			this.id = data.id
			console.log(this.id, 'data.id');
			console.log(data);
			this.appointPushRecordId = data.appointPushRecordId
			this.keyIndex = data.index
		}
	}
</script>
<style lang="scss" scoped>

</style>